<ng-template #widthTmp>
    <col *ngFor="let item of columnsWidth" [width]="item.width">
</ng-template>
<table class="el-table__header" cellspacing="0" cellpadding="0" border="0" [ngStyle]="{ width: '100%' }">
    <ng-template [ngTemplateOutlet]="widthTmp"> </ng-template>
    <thead [class.is-group]="el.isGroup"
           [class.has-gutter]="fixed">
        <tr *ngFor="let tr of model">
            <th *ngFor="let th of tr" [class]="makeClasses(th)" [ngStyle]="{ width: th.width | cssValue }"
                [attr.colspan]="getColspan(th)" [attr.rowspan]="getRowspan(th)"
                (click)="handleHeaderClick($event,th)">
                <div class="cell"
                    [ngStyle]="{ width: th.width | cssValue,'display': center ? 'block' : 'inline-block','text-align': center ? 'center' : 'unset' }">
                    {{th.label}}
                </div>
            </th>
        </tr>
    </thead>
</table>